// app/home/page.jsx
'use client';

import Link from 'next/link';
import { useRouter } from 'next/navigation';

export default function HomePage() {
    const router = useRouter();

    const handleLoginClick = () => {
        router.push('/auth/login');
    };

    return (
        <div className="min-h-screen flex items-center justify-center bg-sky-200 transition duration-500 ease-in-out">
            <div className="text-center">
                <h1 className="text-3xl font-bold text-gray-800 mb-4">欢迎来到管理系统</h1>
                <p className="text-lg text-gray-600 text-center max-w-md mb-8">
                    这是一个用户管理、订阅管理、消息发送、积分管理和日志管理的平台。
                </p>
                <button
                    type="button"
                    className="bg-blue-500 hover:bg-blue-600 text-white py-2 px-4 rounded-lg shadow-md transition-transform hover:shadow-lg"
                    onClick={handleLoginClick}
                >
                    登录
                </button>
                {/* 或者使用 Link 组件 */}
                <Link
                    href="/auth/login"
                    className="bg-gray-300 hover:bg-gray-400 text-blue-700 py-2 px-4 rounded-lg shadow-md ml-2 transition-transform hover:shadow-lg"
                >
                    登录 (使用 Link)
                </Link>
            </div>
        </div>
    );
}